<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			div{
				  border: 1px red solid;
				  width: 300px;
				  height: 300px;
			}
			div,a{
				  margin: 0px;
				  padding: 0px;
			}
			a{
				display: block;
				width: 100px;
				height: 100px;
				background-color: pink;
				text-align: center;
				/* vertical-align: middle; */
				position: relative;
				line-height: 100px;
			}
			.a2,.a4{
					left: 200px;
					bottom: 100px;
				}
			.a5{
				left: 100px;
				bottom: 300px;
			}
			a:hover{
					background-color: royalblue;
			}

		</style>
	</head>
	<body>
		<div>
			<a href="#">链接1</a>
			<a href="#"class="a2">链接2</a>
			<a href="#">链接3</a>
			<a href="#"class="a4">链接4</a>
			<a href="#"class="a5">链接5</a>
		</div>
	</body>
</html>
